﻿@model Model.TextModel

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Scripts/jquery-1.8.2.js"></script>

    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="~/shouji/images/splash/splash-icon.png">
    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="~/shouji/images/splash/splash-icon-big.png">
    <link rel="apple-touch-startup-image" href="~/shouji/images/splash/splash-screen.png" media="screen and (max-device-width: 320px)" />
    <link rel="apple-touch-startup-image" href="~/shouji/images/splash/splash-screen@2x.png" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" />
    <link rel="apple-touch-startup-image" href="~/shouji/images/splash/splash-screen-six.png" media="(device-width: 375px)">
    <link rel="apple-touch-startup-image" href="~/shouji/images/splash/splash-screen-six-plus.png" media="(device-width: 414px)">
    <link rel="apple-touch-startup-image" sizes="640x1096" href="~/shouji/images/splash/splash-screen@3x.png" />
    <link rel="apple-touch-startup-image" sizes="1024x748" href="~/shouji/images/splash/splash-screen-ipad-landscape" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : landscape)" />
    <link rel="apple-touch-startup-image" sizes="768x1004" href="~/shouji/images/splash/splash-screen-ipad-portrait.png" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : portrait)" />
    <link rel="apple-touch-startup-image" sizes="1536x2008" href="~/shouji/images/splash/splash-screen-ipad-portrait-retina.png" media="(device-width: 768px)	and (orientation: portrait)	and (-webkit-device-pixel-ratio: 2)" />
    <link rel="apple-touch-startup-image" sizes="1496x2048" href="~/shouji/images/splash/splash-screen-ipad-landscape-retina.png" media="(device-width: 768px)	and (orientation: landscape)	and (-webkit-device-pixel-ratio: 2)" />

    <title>答题</title>

    <link href="~/shouji/styles/style.css" rel="stylesheet" type="text/css">
    <link href="~/shouji/styles/framework.css" rel="stylesheet" type="text/css">
    <link href="~/shouji/styles/owl.theme.css" rel="stylesheet" type="text/css">
    <link href="~/shouji/styles/swipebox.css" rel="stylesheet" type="text/css">
    <link href="~/shouji/styles/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="~/shouji/styles/animate.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="~/shouji/scripts/jqueryui.js"></script>
    <script type="text/javascript" src="~/shouji/scripts/framework.plugins.js"></script>
    <script type="text/javascript" src="~/shouji/scripts/custom.js"></script>
    <script>
    $(function () {
        $("#yi").click(function () {
            var idd = $("#tid1").val();
            $.ajax({
                type: "POST",
                url: "/AppPhone/AppSheet/AddHistory1",
                dataType: "JSON",
                data: {
                    id: idd
                },
                success: function (data) {
                    if (data > 0) {
                        alert("掌握成功！");
                        location.reload();
                    }
                    else {
                        alert("掌握失败！");
                        location.reload();
                    }
                }
            });
        });


        $("#zhong").click(function () {
            var idd = $("#tid2").val();
            $.ajax({
                type: "POST",
                url: "/AppPhone/AppSheet/AddHistory2",
                dataType: "JSON",
                data: {
                    id: idd
                },
                success: function (data) {
                    if (data > 0) {
                        alert("标记成功！");
                        location.reload();
                    }
                    else {
                        alert("标记失败！");
                        location.reload();
                    }
                }
            });
        });


    });
    </script>

</head>
<body>

    <div id="preloader">
        <div id="status">
            <p class="center-text">
                正在加载……
                <em>请稍后!</em>
            </p>
        </div>
    </div>


    <ul class="menu-top">
        <li><a href="/AppPhone/App/Index2"><i class="fa fa-home"></i>首页<i class="fa fa-circle"></i></a></li>
        <li><a href="/AppPhone/AppSheet/Index"><i class="fa fa-home"></i>答题<i class="fa fa-circle"></i></a></li>
        <li><a href="/AppPhone/AppHistory/GetHistory"><i class="fa fa-envelope-o"></i>历史记录<i class="fa fa-circle"></i></a></li>
    </ul>

    <div class="header">
        <a href="#" style=" float: left; margin-top: 22px; margin-left: 30px; font-size: 25px; color: white; font-weight: bolder;">dotNet真题实战</a>
        <a href="#" class="header-navigation show-navigation"><i class="fa fa-navicon"></i></a>
        @*<a href="/AppPhone/AppSheet/Index" style="margin-left:500px;margin-top:10px;"><input type="button" class="button button-blue" value="答题" /></a>
        <a href="/AppPhone/AppHistory/GetHistory" style="margin-left:700px;margin-top:-35px;"><input type="button" class="button button-blue" value="历史记录" /></a>*@
    </div>
    <div class="header-clear-big">
        
    </div>

    <div class="content">


        <div class="content">
            <h3 class="title">答题卡<a href="/AppPhone/AppSheet/Index" style="float:right"><input type="button" class="button button-blue" value="随机抽题" /></a></h3>
            <div class="portfolio-one-details" style="margin-top:15px;">
                <a href="#">题号【@Html.DisplayFor(model => model.Tid)】</a>
                @*<a href="#">Mobile</a>
                <a href="#">Envato Item</a>*@
            </div>
            <p class="half-bottom">
               @Html.DisplayFor(model => model.TName)
            </p>
        </div>
        <div class="content">
            <button type="button" class="button button-blue" onclick="sub()" style="margin-top:10px;margin-bottom:5px;">参考答案</button> 
        </div>
       
        <div class="decoration"></div>

        <div class="content" style="display:none" id="h">

            <p class="half-bottom" style="color:red">
                @Html.DisplayFor(model => model.TAnswer)
            </p>
            <div class="portfolio-one-links">
                <a href="#"><input type="hidden" value="@Model.Tid" id="tid1" /><input type="button" id="yi" class="button button-blue" value="已掌握" /></a>
                <a href="#"><input type="hidden" value="@Model.Tid" id="tid2" /><input type="button" id="zhong" class="button button-blue" value="重要标记" /></a>
            </div>
        </div>
    </div>

    <div class="menu-wrapper-background"></div>
    <script type="text/javascript" language="javascript">
    function sub() {
            document.getElementById("h").style.display = "";
    }
    </script>


</body>
</html>
